<script setup lang="ts">
import { defineComponent, ref } from 'vue';
import type { TabsPaneContext } from 'element-plus'

import '@/mock/DMAmock'

import Production from '@/views/yewuguanli/ProductionView.vue'
import ZongView from '@/views/yewuguanli/ZongView.vue'


const activeName = ref('first')

const handleClick = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
}


</script>


<template>
    <div>
        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
            <el-tab-pane label="总览" name="first">
                <ZongView v-if="activeName == 'first'"></ZongView>
            </el-tab-pane>
            <el-tab-pane label="产销分析" name="second">
                <Production v-if="activeName == 'second'"></Production>
            </el-tab-pane>
            <el-tab-pane label="夜间流量分析" name="third">Role</el-tab-pane>
            <el-tab-pane label="压力流量分析" name="fourth">Task</el-tab-pane>
            <el-tab-pane label="管网漏损分析" name="five">Task</el-tab-pane>
        </el-tabs>

    </div>
</template>
